<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>系统登录</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@include file="/common/validator.jsp"%>
<LINK href="${ctx}/styles/style.css" type='text/css' rel='stylesheet'>
<style type="text/css">
.title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 12px;}
.orange {font-family: verdana, tahoma, sans-serif;font-size:12px;color:#FF6600}
.copy {font-family: verdana, tahoma, sans-serif;font-size:12px;color:#CCCCCC}
.username{
    background-image:url(${ctx}/images/icons/080.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	width:170px;
}
.password{
    background-image:url(${ctx}/images/icons/079.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	width:170px;
}
</style>

</head>
<body bgcolor="#FFFFFF">
<script type="text/javascript">
function onLogin() {
   var frm = document.getElementById('loginForm');
   if(frm) {
       frm.submit();
   }
}
</script>
<div align="center" style="margin: 80 0 0 0;">
<div style="font-size: 32px; margin: 3 0 20 10; color: #15428B; font-family: 楷体_GB2312;">
	<b>华夏银行</b>--<b>石家庄分行业绩考核系统</b>
</div>
<table width="350" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<%@ include file="/common/messages.jsp"%>
		</td>
	</tr>
	<tr>
		<td class="x-toolbar" align="left" style="padding:10 10 5 10;border-left:1px #A9BFD3 solid;border-right:1px #A9BFD3 solid;">
			<span style="font-family: verdana; font-weight: bold; font-size: 12px">+ Login</span>
		</td>
	</tr>
	<tr>
		<td class="x-panel-body" style="border-left:1px #cecece solid;border-bottom:1px #cecece solid;border-right:1px #cecece solid;">
		<form id="loginForm" action="chkLogin.do" method="post" ><br>
		<table width="260" border="0" align="center">
			<tr height="35px">
				<td align="right" class="title" width="60">用户名：</td>
				<td align="left" width="200">
					<input type="text" name="userName" id="userName" class="username checkName"/>
					<span id="checkNameTips"></span>
				</td>
			</tr>
			<tr height="35px">
				<td align="right" class="title">密　码：</td>
				<td align="left">
					<input type="password" name="password" id="password" class="password checkPwd"/>
					<span id="checkPwdTips"></span>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center" style=" padding:10 0 10 0;">
					<input type="submit" value="登录" class="button"> <span style="width:20px;"></span>
					<input type="button" value="关闭" class="button" onclick="javascript:window.close();">
				</td>
			</tr>
		</table>
		</form>
		</td>
	</tr>
</table>
</div>
<br>
<hr size="1" width="450px" align="center" style=" border: 1px dotted #CDDCEF;"/>
<div align="center">
	<span class="copy">
		Copyright 2010 华夏银行石家庄分行 All rights reserved<br>
	</span>
</div>
<script type="text/javascript">

$(function(){
	//人员类别检查
	$.validator.addMethod("checkName", function(value, element) {
        var res;
  		if(value == null || value.length == 0) {
			res = "err";
			document.getElementById('checkNameTips').innerHTML = '<font color="red"><b>'+'*'+'</b></font>';
  		}else{
  			document.getElementById('checkNameTips').innerHTML = '';
  		}
        return res != "err";
    },"");

	$.validator.addMethod("checkPwd", function(value, element) {
        var res;
  		if(value == null || value.length == 0) {
			res = "err";
			document.getElementById('checkPwdTips').innerHTML = '<font color="red"><b>'+'*'+'</b></font>';
  		}else{
  			document.getElementById('checkPwdTips').innerHTML = '';
  		}
        return res != "err";
    },"");
});

//增加验证
$(document).ready(function() {
	$("#loginForm").validate();
});
</script>
</body>
</html>
